.customer-chart{
  width:100%;
  margin-top:10PX;
  display:flex;
  flex-direction: column;
  .chart-title{
    font-size:16PX;
    color:#4A4A4A;
    margin-left:10PX;
    margin-bottom:10PX;
  }
  .chart-con{
    margin:10PX 10PX;
    width:95%;
    background-color:#FFFFFF;
    display:flex;
    flex-direction: column;
    border-radius:5PX;
    -moz-box-shadow: 2px 2px 5px #C0C4CC;
        -webkit-box-shadow: 2px 2px 5px #C0C4CC;
        box-shadow: 2px 2px 5px #C0C4CC;
    .change-mode{
      display: flex;
      flex-direction: row;
      justify-content: space-around;
      align-items: center;
      margin-top:20PX;
      .chart-mode{
        width:40PX;
        text-align: center;
        font-size:12PX;
      }
      .active{
        color:#57B5FE;
        border-bottom: 2PX solid #57B5FE
      }
    }
  }
}
